

<div style="height: 100%;width: 100%;  -webkit-user-select: none;display:none;" id="dashboard" >





    <div  class="CheungSSH-APP"   id="" style="  position: relative;height: 30%;width: 30%; background: rgba(0,0,0,0.3); float: left;  margin-left: 2%; margin-top: 2%; cursor: pointer;
    border-radius: 20px">
        <div style=" border-radius:20px 20px 0px 0px;color: white;font-weight: bold;text-align: center;background:rgba(0,0,0,0.1); width: 100%;height: 10%">
            根磁盘
        </div>
        <div style=" background: rgba(0,0,0,0.3);color: white;font-weight: bold;width: 100%;height: 80%;text-align: center;padding-top: 5px;font-size: 250%;">
            <canvas id="disk"   style="height: 100%;width: 100%;"   ></canvas>
        </div>
        <div style=" border-radius:0px 0px 20px 20px;color: white;font-weight: bold;text-align: center;background:rgba(0,0,0,0.1); width: 100%;height: 10%">有更多</div>
    </div>



    <div  class="CheungSSH-APP"   id="ioa" style="  position: relative;height: 30%;width: 30%; background: rgba(0,0,0,0.3); float: left;  margin-left: 2%; margin-top: 2%; cursor: pointer;
    border-radius: 20px">
        <div style=" border-radius:20px 20px 0px 0px;color: white;font-weight: bold;text-align: center;background:rgba(0,0,0,0.1); width: 100%;height: 10%">
            内存
        </div>
        <div style=" background: rgba(0,0,0,0.3);color: white;font-weight: bold;width: 100%;height: 80%;text-align: center;padding-top: 5px;font-size: 250%;">
            <canvas id="mem"   style="height: 100%;width: 100%;"   ></canvas>
        </div>
        <div style=" border-radius:0px 0px 20px 20px;color: white;font-weight: bold;text-align: center;background:rgba(0,0,0,0.1); width: 100%;height: 10%">有更多</div>
    </div>



    <div  class="CheungSSH-APP"   style="  position: relative;height: 30%;width: 30%; background: rgba(0,0,0,0.3); float: left;  margin-left: 2%; margin-top: 2%; cursor: pointer;
    border-radius: 20px">
        <div style=" border-radius:20px 20px 0px 0px;color: white;font-weight: bold;text-align: center;background:rgba(0,0,0,0.1); width: 100%;height: 10%">
            IO
        </div>
        <div style=" background: rgba(0,0,0,0.3);color: white;font-weight: bold;width: 100%;height: 80%;text-align: center;padding-top: 5px;font-size: 250%;">
            <canvas id="io"   style="height: 100%;width: 100%;"   ></canvas>
        </div>
        <div style=" border-radius:0px 0px 20px 20px;color: white;font-weight: bold;text-align: center;background:rgba(0,0,0,0.1); width: 100%;height: 10%">有更多</div>
    </div>

    <div  class="CheungSSH-APP"    style="  position: relative;height: 30%;width: 30%; background: rgba(0,0,0,0.3); float: left;  margin-left: 2%; margin-top: 2%; cursor: pointer;
    border-radius: 20px">
        <div style=" border-radius:20px 20px 0px 0px;color: white;font-weight: bold;text-align: center;background:rgba(0,0,0,0.1); width: 100%;height: 10%">
            CPU
        </div>
        <div style=" background: rgba(0,0,0,0.3);color: white;font-weight: bold;width: 100%;height: 80%;text-align: center;padding-top: 5px;font-size: 250%;">
            <canvas id="cpu"   style="height: 100%;width: 100%;"   ></canvas>
        </div>
        <div style=" border-radius:0px 0px 20px 20px;color: white;font-weight: bold;text-align: center;background:rgba(0,0,0,0.1); width: 100%;height: 10%">有更多</div>
    </div>




</div>






<div style="z-index: 1003;width:auto;height: 200px;position: absolute;left: 0px;right: 0px;top: 40%;bottom: 60%;margin: auto;display:none;"
     class="">
    <div class="modal  "
         style="overflow:hidden;overflow-y:hidden;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog" style="left: 0px; margin-top: 0px;padding:0px;padding-top: 0px;">
            <div class="modal-content ">
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

                    <h4 class=" glyphicon glyphicon-question-sign  " style="color: red;">审批</h4>
                </div>

                <div class="modal-body">





                    <table class="table table-bordered table-hover table-striped  table-condensed "  >
                        <thead>
                        <tr>
                            <th>类型</th>
                            <th>用户</th>
                            <th>时间</th>
                            <th>描述</th>
                            <th>内容</th>
                            <th>操作</th>

                        </tr>
                        </thead>
                        <tbody id="">
                        <td>命令</td>
                        <td>admin</td>
                        <td>2016-07-06</td>
                        <td>我要执行今晚升级操作，请批准</td>
                        <td>ifconfig eth0</td>
                        <td>同意 拒绝</td>

                        </tbody>

                    </table>







                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-info   " data-dismiss="modal" id="closeButton">忽略</button>


                </div>
            </div>
        </div>

    </div>

</div>







<script src="../js/Chart.js"></script>
<script src="../js/home.js"></script>






